﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="InhollandAir.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>InhollandAir - Home</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
	<link href="//fonts.googleapis.com/css?family=Oleo+Script" rel="stylesheet" type="text/css" />
	<script src="css/5grid/jquery.js"></script>
	<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI_titleBarOverlaid=1&amp;mobileUI_titleBarHeight=60&amp;viewport_is1000px=1060&amp;mobileUI_openerWidth=80"></script>
	<script src="js/jquery.slides.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
    <script>
        $(function () {
            var w = $(window).width();
            $("#banner").slidesjs({
                width: w * 0.8,
                height: w * 0.4,
                effect: {
                    slide: {
                        speed: 700
                    }
                },
                play: {
                    active: true,
                    effect: "slide",
                    interval: 7000,
                    auto: true,
                    swap: true,
                    pauseOnHover: false,
                    restartDelay: 2500
                }
            });
        });
    </script>
    <noscript>
		<link rel="stylesheet" href="css/5grid/core.css" />
		<link rel="stylesheet" href="css/5grid/core-desktop.css" />
		<link rel="stylesheet" href="css/5grid/core-1200px.css" />
		<link rel="stylesheet" href="css/5grid/core-noscript.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/style-desktop.css" />
	</noscript>
	<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">
    <form id="form1" runat="server">
		<!-- Header Wrapper -->
			<div id="header-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="12u">
							<!-- Header -->
							<header id="header">
								<!-- Logo -->
								<div id="logo">
									<h1><a href="#">InhollandAir</a></h1>
									<span>Where the sky is no limit!</span>
								</div>
								<!-- Nav -->
								<nav id="nav">
									<ul>
										<li class="current_page_item"><a href="Default.aspx">InhollandAir</a></li>
										<li><a href="PlanBook.aspx">Plan and Book</a></li>
										<li><a href="Corporate.aspx">Corporate</a></li>
										<li><a href="Login.aspx">My Air</a></li>
                                        <li><asp:LinkButton OnClick="Logout" ID="lbLogout" runat="server">Logout</asp:LinkButton></li>
									</ul>
								</nav>
							</header>
						</div>
					</div>
				</div>
			</div>
		    <!-- Banner Wrapper -->
			<div id="banner-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="12u">
							<!-- Banner -->
							<div id="banner" class="box" title="Click to book!">
                                <img src="images/banner1.jpg"/>
                                <img src="images/banner2.jpg"/>
                                <img src="images/banner3.jpg"/>
                                <img src="images/banner4.jpg"/>
                                <img src="images/banner5.jpg"/>
                                <img src="images/banner6.jpg"/>
							</div>
						</div>
					</div>
				</div>
			</div>
		    <!-- Features Wrapper -->
			<div id="features-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="4u">
						<!-- Box -->
							<section class="box box-feature">
								<a class="image image-full"><img src="images/full1.jpg" alt="Michelle A., one of our flight attendants." /></a>
								<div class="inner">
									<header>
										<h2>"...best flight attendants"</h2>
										<span class="byline">- John Smith, FlyMagazine #54</span>
									</header>
									<p>For the fourteenth time in a row the InhollandAir cabin crew is said to have the best cabin crew accordion to industry leading reviewer John Smith.
                                        <br/>
                                        It is our privilege to serve you with a 9+ mentality.
									</p>
								</div>
							</section>
						</div>
						<div class="4u">
							<!-- Box -->
							<section class="box box-feature">
								<a class="image image-full"><img src="images/full2.jpg" alt="Part of the InhollandAir crew." /></a>
								<div class="inner">
									<header>
										<h2>Always expanding our crew</h2>
										<span class="byline">Are you our next Dreamliner pilot?</span>
									</header>
									<p>Are you looking for a boost in your career? The next challenge? The <i>wow</i> factor for your resume?
                                        <br/>
                                        We are always recruiting new staff eager to grow with the company. Top salary, secondary benefits and environment.
									</p>
								</div>
							</section>
						</div>
						<div class="4u">
							<!-- Box -->
							<section class="box box-feature last">
								<a class="image image-full"><img src="images/full3.jpg" alt="Haneda main hall" /></a>
								<div class="inner">
									<header>
										<h2>Tokyo's finest</h2>
										<span class="byline">Airbus' first landing on Tokyo Haneda</span>
									</header>
									<p>The Airbus A380, the biggest passenger plane in the world had his first successful landing in Haneda earlier this week.
                                        <br/>
                                        With a span of almost 240 feet, the A380 is a challenge for every airport and pilot.
									</p>
								</div>
							</section>
						</div>
					</div>
				</div>
			</div>
		    <!-- Main Wrapper -->
			<div id="main-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="4u">
							<!-- Sidebar -->
							<div id="sidebar">
								<section class="widget-thumbnails">
									<h3>Impressions</h3>
									<div class="do-5grid grid">
										<div class="row">
											<div class="do-6u"><a href="#" class="image image-full x"><img src="images/full4.jpg" alt="Future captain" /></a></div>
											<div class="do-6u"><a href="#" class="image image-full y"><img src="images/full5.jpg" alt="Tax-free bar" /></a></div>
										</div>
										<div class="row">
											<div class="do-6u"><a href="#" class="image image-full x"><img src="images/full6.jpg" alt="Tax-free restaurant with great view" /></a></div>
											<div class="do-6u"><a href="#" class="image image-full y"><img src="images/full7.jpg" alt="Haneda luggage belt" /></a></div>
										</div>
									</div>
									<a href="#" class="button button-icon button-icon-paper">More</a>
								</section>
							</div>
						</div>
						<div class="8u">
							<!-- Content -->
							<div id="content">
								<section class="last">
									<h2>Vision</h2>
									<p>InhollandAir wants to be at the front of the industry by being smarter than the rest. 
                                        By merging with KLM, Delta and Fly Emirates InhollandAir has come to occupy a leading position in the international airline industry.
                                        InhollandAir wants to be the customers’ first choice, to be an attractive employer for its staff and, a company that grows profitably for its shareholders. 
                                        With smart partnerships and pioneering new destinations, InhollandAir offers global access through its extensive network. 
                                        By responding to market opportunities and technological developments, InhollandAir offers customers a contemporary product. </p>
                                    <p>InhollandAir is the core of the InhollandAir Group, which further includes the wholly-owned subsidiaries InhollandAir Cityhopper, transavia.com, Martinair,
                                        Fly Emirates, Delta, Air France, American Airlines and Iceland Air.
                                    </p>
									<a href="http://twitter.com/" class="button button-icon button-icon-rarrow">Win a free flight @Twitter!</a>
								</section>
							</div>
						</div>
					</div>
				</div>
			</div>
		    <!-- Footer Wrapper -->
		    <div id="footer-wrapper">
			    <footer id="footer" class="5grid-layout">
				    <div class="row">
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Industry News</h2>
								<ul class="style2">
									<li><a href="#">• Stocks Air Indonesia drop 29%</a></li>
									<li><a href="#">• Helsinki opens third airport</a></li>
									<li><a href="#">• Fokker show A380 competitor</a></li>
									<li><a href="#">• Boeing battery issues finally solved?</a></li>
									<li><a href="#">• Former captain turns whistleblower</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Latest offers</h2>
								<ul class="style2">
									<li><a href="#">• Rio de Janeiro</a></li>
									<li><a href="#">• Moscow</a></li>
									<li><a href="#">• New York</a></li>
									<li><a href="#">• Eastern Island</a></li>
									<li><a href="#">• Tokyo</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
					    </div>
					    <div class="3u">
						    <!-- Contact -->
							<section class="widget-contact last">
								<h2>Contact Us</h2>
								<ul>
									<li><a href="http://twitter.com/" class="twitter">Twitter</a></li>
									<li><a href="http://facebook.com/" class="facebook">Facebook</a></li>
									<li><a href="https://plus.google.com/" class="googleplus">Google+</a></li>
								</ul>
								<p>Bergerweg 200 #A323<br />
								1817MN, Alkmaar<br />
								+31(0)72-1234567</p>
							</section>
					    </div>
				    </div>
				    <div class="row">
					    <div class="12u">
						    <div id="copyright">
							    &copy; InhollandAir. All rights reserved. | Images through: <a href="Default.aspx">InhollandAir Group Photography</a> | Design by: <a href="#">Jens Kloes & Michael Vlaar</a>
						    </div>
					    </div>
				    </div>
			    </footer>
		    </div>
    </form>
</body>
</html>
